<template>
  <el-form ref="form" :model="detailForm" label-width="150px">
    <el-row :gutter="15">
      <el-col :span="12">
        <el-form-item label="单位名称" prop="unitName">
          <el-input disabled v-model="detailDialogForm.unitName" placeholder="请输入单位名称" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="组织机构代码">
          <el-input disabled v-model="detailDialogForm.unitInstitutionId" placeholder="请输入组织机构代码" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
        <el-form-item label="法定代表人" prop="unitRepresentative">
          <el-input disabled v-model="detailDialogForm.unitRepresentative" placeholder="请输入法定代表人" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="法定代表人联系电话" prop="unitRepresentativePhone">
          <el-input disabled v-model="detailDialogForm.unitRepresentativePhone" placeholder="法定代表人联系电话" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
        <el-form-item label="联系人" prop="unitLinkman">
          <el-input disabled v-model="detailDialogForm.unitLinkman" placeholder="请输入联系人" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系电话" prop="unitPhone">
          <el-input disabled v-model="detailDialogForm.unitPhone" placeholder="请输入联系电话" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
        <el-form-item label="单位类型" prop="unitType">
          <el-select disabled v-model="detailDialogForm.unitType" placeholder="请选择单位类型" style="width:300px">
            <el-option
              v-for="type in unitTypeOptions"
              :key="type.unittypeId"
              :label="type.unittypeName"
              :value="type.unittypeId"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="单位序号" prop="unitSort">
          <el-input disabled v-model="detailDialogForm.unitSort" placeholder="请输入单位序号" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
        <el-form-item label="资质等级">
          <el-input disabled v-model="detailDialogForm.unitNaturalGrade" placeholder="请输入资质等级" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="资质范围">
          <el-input disabled v-model="detailDialogForm.unitNaturalScope" placeholder="请输入资质范围" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
        <el-form-item label="注册地址" prop="unitAddress">
          <el-input disabled v-model="detailDialogForm.unitAddress" placeholder="请输入注册地址" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="单位邮箱" prop="unitEmail">
          <el-input disabled v-model="detailDialogForm.unitEmail" placeholder="请输入单位邮箱" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
        <el-form-item label="每月可中签次数" prop="unitNum">
          <el-input disabled v-model="detailDialogForm.unitNum" min="1" type="number" placeholder="请输入每月可中签次数" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="备注" prop="unitRemarks">
          <el-input disabled v-model="detailDialogForm.unitRemarks" placeholder="请输入内容" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
        <el-form-item label="是否注册在高新区:">
          <el-radio-group disabled v-model="detailDialogForm.whetherRegister">
            <el-radio label="0" >是</el-radio>
            <el-radio label="1">否</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="是否税收在高新区:">
          <el-radio-group disabled v-model="detailDialogForm.whetherRevenue">
            <el-radio label="0" >是</el-radio>
            <el-radio label="1">否</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-col>
    </el-row>

  </el-form>
</template>

<script>
export default {
  name: "detailDialog",
  props:['detailForm','unitTypeOptions'],
  data() {
    return {
      detailDialogForm:{}
    }
  },
  watch:{
    detailForm:{
      immediate:true,
      handler(newValue,oldValue){
        console.log(newValue,oldValue)
        this.detailDialogForm = newValue
      }
    }
  },
}
</script>

<style scoped>

</style>
